<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
	<style type="text/css">
		@import "http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dijit/themes/nihilo/nihilo.css";
		@import "http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dijit/themes/tundra/tundra.css";
	</style>    
	
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js"
		    djConfig="parseOnLoad:true, isDebug:false"></script>
	<script type="text/javascript">
		dojo.require("dojo.parser");
		dojo.require("dijit.layout.ContentPane");
		dojo.require("dijit.layout.TabContainer");
		dojo.require("dijit.form.Button");
	</script>

<div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
        style="float:left;width:624px;height:500px;padding:0;spacing:0" class="tundra">
<div id="content" dojoType="dijit.layout.ContentPane" title="Content" >
<table
 style="text-align: left; width: 100%; background-color: rgb(196, 239, 161);"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: left; vertical-align: top;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-top-left.gif"/>"><br>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
      <td style="text-align: right; vertical-align: top;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-top-right.gif"/>"><br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;"><br>
      </td>
      <td style="vertical-align: top;">
      <table style="text-align: left; width: 100%;" border="0"
 cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td colspan="1" rowspan="2" style="vertical-align: top;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 60px; height: 60px;" alt="Content"
 src="<c:url value="/images/webpages.png"/>"></span></td>
            <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;">Content</span></td>
          </tr>
          <tr>
            <td style="vertical-align: top;"><span
 style="color: rgb(51, 51, 51); font-size: 12px;">Using these links you
will create and edit pages. In addition to editing the content, you can
assign Groups (so users are required to login to see some content). You
can also assign Roles which will allow some users to maintain pages.</span>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
    </tr>
    <tr>
      <td
 style="text-align: left; vertical-align: bottom; height: 12px; width: 12px;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-bottom-left.gif"/>"><br>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
      <td
 style="text-align: right; vertical-align: bottom; height: 12px; width: 12px;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-bottom-right.gif"/>"><br>
      </td>
    </tr>
  </tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td colspan="1" rowspan="2"
 style="vertical-align: top; width: 65px;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 48px; height: 48px;" alt="Users" src="<c:url value="/images/sitemap.png"/>"><br>
      </span></td>
      <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;"><a href="<c:url value="/admin/page/list"/>">Site Map</a><br>
      </span></td>
    </tr>
    <tr>
      <td style="vertical-align: top; font-size: 12px;">The sitemap is a tree view of
all pages available on the site. Using this view you can see not only
what pages are available, but how the menus will be generated so users
can navigate to content.<br>
      </td>
    </tr>
  </tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td colspan="1" rowspan="2"
 style="vertical-align: top; width: 65px;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 48px; height: 48px;" alt="Groups"
 src="<c:url value="/images/tableview.png"/>"><br>
      </span></td>
      <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;"><a href="<c:url value="/admin/page/list"/>">Pages</a></span></td>
    </tr>
    <tr>
      <td style="vertical-align: top; font-size: 12px;">This is a list view of all pages
on the site. Using this table view you can find, filter, and select
pages for editing.<br>
      </td>
    </tr>
  </tbody>
</table>
<br>
<br>
</div>
<!-- end content div -->
<div id="security" dojoType="dijit.layout.ContentPane" title="Security">
<table
 style="text-align: left; width: 100%; background-color: rgb(196, 239, 161);"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: left; vertical-align: top;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-top-left.gif"/>"><br>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
      <td style="text-align: right; vertical-align: top;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-top-right.gif"/>"><br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;"><br>
      </td>
      <td style="vertical-align: top;">
      <table style="text-align: left; width: 100%;" border="0"
 cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td colspan="1" rowspan="2" style="vertical-align: top;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 60px; height: 60px;" alt="Security Items"
 src="<c:url value="/images/lock.png"/>"></span></td>
            <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;">Security</span></td>
          </tr>
          <tr>
            <td style="vertical-align: top;"><span
 style="color: rgb(51, 51, 51); font-size: 12px;">Use
these links to define Users, Groups, and Roles. Using these links
you can secure various pages on your website. You can also specify
users within your organization who can edit the system.</span> </td>
          </tr>
        </tbody>
      </table>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
    </tr>
    <tr>
      <td
 style="text-align: left; vertical-align: bottom; height: 12px; width: 12px;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-bottom-left.gif"/>"><br>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
      <td
 style="text-align: right; vertical-align: bottom; height: 12px; width: 12px;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-bottom-right.gif"/>"><br>
      </td>
    </tr>
  </tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td colspan="1" rowspan="2"
 style="vertical-align: top; width: 65px;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 48px; height: 48px;" alt="Users" src="<c:url value="/images/users.png"/>"><br>
      </span></td>
      <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;"><a href="<c:url value="/admin/user/list"/>">Users</a></span></td>
    </tr>
    <tr>
      <td style="vertical-align: top; font-size: 12px;">Create and edit Users. Reset
Passwords. Assign Users to Groups and Roles (defined below) </td>
    </tr>
  </tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td colspan="1" rowspan="2"
 style="vertical-align: top; width: 65px;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 48px; height: 48px;" alt="Groups" src="<c:url value="/images/groups.png"/>"><br>
      </span></td>
      <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;"><a href="<c:url value="/admin/group/list"/>">Groups</a></span></td>
    </tr>
    <tr>
      <td style="vertical-align: top; font-size: 12px;">Define "Groups". A "Group" is a
collections of users who can access specifc content on the site. </td>
    </tr>
  </tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td colspan="1" rowspan="2"
 style="vertical-align: top; width: 65px;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 48px; height: 48px;" alt="Roles" src="<c:url value="/images/roles.png"/>"><br>
      </span></td>
      <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;"><a href="<c:url value="/admin/role/list"/>">Roles</a></span></td>
    </tr>
    <tr>
      <td style="vertical-align: top; font-size: 12px;">Define "Roles". A "Role" is a
collections of users who can perform various management functions on
the site. </td>
    </tr>
  </tbody>
</table>
</div>
<!-- end security div -->
<br>
<div id="configuration" dojoType="dijit.layout.ContentPane" title="Configuration">
<table
 style="text-align: left; width: 100%; background-color: rgb(196, 239, 161);"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: left; vertical-align: top;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-top-left.gif"/>"><br>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
      <td style="text-align: right; vertical-align: top;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-top-right.gif"/>"><br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;"><br>
      </td>
      <td style="vertical-align: top;">
      <table style="text-align: left; width: 100%;" border="0"
 cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td colspan="1" rowspan="2" style="vertical-align: top;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 60px; height: 60px;" alt="Security Items"
 src="<c:url value="/images/config1.png"/>"></span></td>
            <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;">System Config<br>
            </span></td>
          </tr>
          <tr>
            <td style="vertical-align: top;"><span
 style="color: rgb(51, 51, 51); font-size: 12px;">Use
these links to specify global system settings. This includes default
values, email configuration, and Web Services settings (such as the
Google API's). Typically you will set these values once - when you
first setup your site.</span> </td>
          </tr>
        </tbody>
      </table>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
    </tr>
    <tr>
      <td
 style="text-align: left; vertical-align: bottom; height: 12px; width: 12px;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-bottom-left.gif"/>"><br>
      </td>
      <td style="vertical-align: top;"><br>
      </td>
      <td
 style="text-align: right; vertical-align: bottom; height: 12px; width: 12px;"><img
 style="width: 8px; height: 8px;" alt=""
 src="<c:url value="/images/corner-cutter-bottom-right.gif"/>"><br>
      </td>
    </tr>
  </tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td colspan="1" rowspan="2"
 style="vertical-align: top; width: 65px;"><span
 style="color: rgb(29, 145, 1); font-size: 24px;"><img
 style="width: 48px; height: 48px;" alt="Users" src="<c:url value="/images/warning.png"/>"><br>
      </span></td>
      <td style="vertical-align: middle; height: 60px;"><span
 style="color: rgb(29, 145, 1); font-size: 20px;"><a href="<c:url value="/admin/site/edit"/>">System Config</a><br>
      </span></td>
    </tr>
    <tr>
      <td style="vertical-align: top; font-size: 12px;color:red;">Be careful as changes here will
affect the entire site!<br>
      </td>
    </tr>
  </tbody>
</table>
<br>
</div>
<br>
</div>

